<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置鼠标样式</title>
<style>
  /*所有标签都可以设置鼠标样式*/
  html{
    cursor: default;
  }
  #div1{
    height: 200px;
    background-color: gold;
    cursor: pointer;
  }
  #div2{
    height: 200px;
    background-color: green;
    cursor: move;
  }
/*  使用url设置自定义鼠标图片,需要设置两个值,一个值确保可用*/
  #div3{
    height: 200px;
    background-color: red;
    cursor:url('../../cat6.ico'),default;
  }

</style>
</head>
<body>
<h1>hello</h1>
<div id="div1">看看鼠标是不是小手</div>
<br>
<div id="div2">看看鼠标是不是移动图标</div>
<br>
<div id="div3">看看鼠标是不是自定义图标</div>
</body>
</html>